<template>
  <div class="match_list">
    <MatchTab />
    <div class="match_content">
      <MatchHeader />
      <Match v-loading="homeState.match.loading"/>
    </div>
  </div>
</template>

<script setup>
import MatchTab from './match_com/MatchTab.vue'
import MatchHeader from './match_com/MatchHeader.vue'
import Match from './match_com/Match.vue'

const { homeStore, homeState } = inject('HomeStore')
</script>

<style lang="scss" scoped>
.match_list {
  flex: 1;
  margin: 0 8px;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.match_content {
  height: calc(100% - 34px);
  display: flex;
  flex-direction: column;
}
</style>

